<template>
  <div id="app">
    <nav>
      <router-link to="/xiaoshuo">小说</router-link> |
      <router-link to="/qihuo">期货</router-link> |
      <router-link to="/gupiao">股票</router-link> |
      <router-link to="/css">css样式</router-link> |
    </nav>
    <router-view/>
  </div>
</template>

<style>

#app {
  display: flex;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
}

nav {

}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
}
</style>
